<template>
  <div class="container-error">
    <h1 v-if="error.statusCode === 404">页面不存在</h1>
    <h1 v-else>应用发生错误异常</h1>
    <nuxt-link to="/">首 页</nuxt-link>
  </div>
</template>

<script>
export default {
  layout: 'blank',
  auth: false,
  props: {
    error: {
      type: Object,
      default: () => {
        return {
          statusCode: 404
        }
      }
    }
  }
}
</script>

<style lang="scss">
.container-error {
  background: #fff;
  height: 100%;
  overflow-x: hidden;
  line-height: 60px;
  text-align: center;
  margin-top: 60px;
}
</style>
